@charset "utf-8";

.fl { float: left; }
.fr { float: right; }
.main { width: 100%; height: 100%; background-color:#01207B }
.mtitle { height: 80px; background:#01207B url("../images/bigScreenCheckManage.png") no-repeat center top ; background-size: cover;}

.crow { padding:0 10px; margin-bottom:10px; overflow: hidden; }
.h-row-1 { height:400px; }
.h-row-2 { height:140px; }
.h-row-3 { height:300px; }

.h-row-full { height: 100% } 
.bg-blue { background-color: #1078bf }
.col-x-1 { width: 40% }
.col-x-2 { width: 59% }
.bor-1 { border:1px solid #fff; }
.bor-r {border-right:1px solid #fff;}

#screen_map_pie_panel{
	width:44%; 
	height:auto;
	margin: 2px;
	float:left;
	position:relative;  
	}

#screen_bar_table_panel {
	width:55%; 
	height:auto;
	margin: 2px;
	float:right; 
	position:relative;  
	}

.title_panel{
	width:auto; 
	height:100%; 
	float:left;
	margin-left:5px;
	line-height:35px;
	position:relative;
	display:none;
}

.btn_panel{
	width:auto; 
	height:100%; 
	float:left;
	margin-left:5px;
	line-height:35px;
	position:relative;
	display:none;
}

#title_timer{
	width:190px; 
	height:100%; 
	float:right;
	margin-right:5px;
	line-height:35px;
	position:relative;  
}

#screen_main >.screenItemTab{position:absolute;height:20px;left:0;bottom:0;width:100%;z-index:100; cursor:default; overflow:visible;}
#screen_main >.screenItemTab .screentab_color{line-height:15px;text-align:right;padding:2px 12px; position:absolute;bottom:0;left:0;width:96%;}

.screen_bar_table_panel{min-height: 100%; }
.screen_bar_table_panel >.mapContainer > .map,.screen_bar_table_panel >.screen_statusMsg,.screen_bar_table_panel >.mapContainer .chart{height:400px; position:relative;}



.screen_container{ display:block; min-height:100%; width:100%; padding-bottom:50px; float:left;}
.screentab_color >.inputCheckbox{height:20px;line-height:20px; float:left;}
.mainMap{margin-left:100px;}
.mapContainer{margin:0 2px 0px 2px; padding:0px; background-color: #1078bf;}
.title_panel .mapTips > h4{margin-right: 0px;}
.mapContainer > .map, .mainMap{height:400px;}
.btn_panel  .stepBackward{ display:block; position:absolute; width:45px; height:28px; background-color:#78b4fd; border:1px solid #7fa7d7; cursor:pointer; overflow:hidden;}
/* .statusMsg{ width:1260px;box-shadow:0 0 1px #fff inset; float:left; display:inline; margin: 0 2px 0px 2px; height:auto;-moz-user-select:none; -webkit-user-select:none; background-color: #1078bf;} */
.statusMsg{ width:1890px;box-shadow:0 0 1px #fff inset; float:left; display:inline; margin: 0 2px 0px 2px; height:auto;-moz-user-select:none; -webkit-user-select:none; background-color: #1078bf;}
.statusMsg >.chart{ float:left; width: 25%; background-image: linear-gradient(#1078bf, #1078bf);}
.chart > .chart_Class{ width:45%; height:140px; border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5; float:left;}
.chart > .chartItems{ float:left; padding-left:15px; width:45%; height:140px; overflow:hidden;}
/* .mtg2_table{margin:152px -567px 50px; background-color: #1078bf; width:1262px; float:left;} */
.mtg2_table{margin:152px -845px 50px; background-color: #1078bf; width:1880px; float:left;}

.screen_title_panel .btn_panel .stepBackward{ height:22px; width:30px; margin-top: 5px; position:relative;}
.screen_title_panel .stepBackward em{ display:inline-block; width:22px; height:15px; background-position:-455px -65px; margin:4px 5px;}
.screen_title_panel  .title_panel >h4{ font-size:14px; height:30px; line-height:30px; color:#fff; padding-left:5px;}

.dataTable > .tab_title {background-color: #1078bf;}
.dataTable > .tab_title > span {background-color: #1078bf;}
.dataTable > .tab_title > span + span {border-left: 1px solid #1078bf; border-right: 1px solid #1078bf;}
.dataTable .tabItem > p + p {border-right: 0px;}
.dataTable > .tab_title > span, .dataTable .tabItem > p {background-color: #1078bf;}
.dataTable .tabItem:hover {background-color: #1078bf; background-image: linear-gradient(#1078bf, #1078bf);}

.inputCheckbox:hover {color: #fff;}
.dataTable .tabItem:nth-child(2n) {background-color: #1078bf;}
.map > .button, .selectedBootMonitor {display:none;}
.progress { float:left; width: 80%; }
.table tr td .progress { margin-right:10px;}

.vdatatip { position:absolute; left: 20px; bottom: 20px; list-style: none;margin: 0; padding: 0}
.vdatatip li { list-style: none;margin: 0; padding: 0;line-height: 20px; }
.vdatatip li span {float: left; display: inline-block; width: 40px; font-size: 12px; color:#fff;  }
.vdatatip li em { float: left; display: inline-block; width:32px;height:10px; margin: 5px 0;}
.vdatatip li .bc1 { background: #b4d3a4 }
.vdatatip li .bc2 { background: #bbb9ee }
.vdatatip li .bc3 { background: #e7de63 }
.vdatatip li .bc4 { background: #f0bf7a }
.vdatatip li .bc5 { background: #fd842b }
.vdatatip li .bc6 { background: #ef5757 }